.layout_box {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(180deg, #f5f4f6, #e6ebf7);

  .logo_banner_box {
    background-color: #fff;
    width: 100vw;
    height: 40px;
    position: fixed;
    z-index: 900;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 35px;

    .logo,
    img {
      height: 90%;
    }
  }

  .menu_box {
    background-position: 64px 0;
    background: linear-gradient(180deg, #f0edf7 .03%, #ebeaf5 32.19%, #e8e8f3 68.86%, #e4eaf7 99.12%);
    height: 100vh;
    position: relative;
    width: 59px;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;

    .menu_list {
      li {
        cursor: pointer;
        display: flex;
        padding-bottom: 30px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;

      }

      .icon {
        color: #847ea8;

        span {
          font-size: 19px;
        }
      }

      .title {
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        margin-top: 4.5px;
        text-align: center;
        width: 100%;
        color: #847ea8;
        font-weight: 800;

        span {
          color: #847ea8;
        }
      }

      .highlight {
        .icon {
          color: #4b75f8;
        }

        .title {
          color: rgb(125, 104, 239);
          span {
            color: rgb(125, 104, 239);
          }
        }
      }

      .language {
        bottom: 93px;
        position: absolute;
        width: 100%;
        z-index: -10;
      }


      .member {
        bottom: 56px;
        position: absolute;
      }

      .self_center {
        bottom: 0;
        position: absolute;
      }

      .language{
         :global .ant-menu-submenu-arrow{
           display: none;
         }
        :global .ant-menu-title-content{
          display: inline-block;
          width: 100%;
          margin-left: 0;
          color: #847ea8;
          font-weight: bold;
          text-align: center;
        }
        :global .ant-menu-item-icon{
          display: block;
        }
        :global .ant-menu-submenu-title{
          width: 100%;
          height: auto;
          text-align: center;
          padding: 0;
        }
        :global .ant-menu{
          width: 100% !important;
        }


        :global .ant-tabs-content-holder {
          display: none;
        }


      }

    }

    .logo_box {
      display: flex;
      justify-content: center;
      width: 86%;
      margin: 30px 7% 20px 7%;
    }

    .logo_box img {
      width: 100%;
    }

    .dividing_line {
      background: #c8ccdb;
      height: 1px;
      margin-bottom: 25px;
      margin-left: 12px;
      opacity: .6;
      width: 40px
    }
  }

  .content_box {
    flex: 1;
    margin-left: 59px;
    height: 100%;
    min-height: 100vh;
    background: linear-gradient(180deg, #f5f4f6, #e6ebf7);
  }

  .lang_box {
    position: fixed;
    right: .38rem;
    top: .4rem;
    z-index: 999;
  }

}

.login_form_box {

  .header_box {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    position: relative;

    .title {
      font-size: 28px;
      font-weight: 600;
    }

    .back_login {
      position: absolute;
      left: -10px;
      // top: 15px;
    }
  }

  .submit_box {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
  }

  .register_switch_box {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    border-top: 1px solid #eceff7;

    height: 50px;
  }

  .email_box {
    display    : flex;
    align-items: center;

    :global .ant-form-item {
      flex: 1;
    }

    :global .ant-input {
      border-radius: 6px 0px 0px 6px;
    }

    button {
      min-width    : 20%;
      // height       : 45px;
      border-radius: 0 6px 6px 0;
      margin-top   : 6px;
      height: 0.32rem;
      min-height: 28px;
      color: #fff;
    }
  }
}

/* 设置 Menu 选项的悬停颜色 */
:global .ant-menu-item:hover {
  background-color: rgba(131, 128, 153, 0.1) !important; /* 修改为你想要的颜色 */
  color: #7d68ef !important;
  font-weight: bold;
}

/* 设置 Menu 选项的选中颜色 */
:global .ant-menu-item-selected {
  background-color:  rgba(131, 128, 153, 0.1) !important;/* 修改为你想要的颜色 */
  color: #7d68ef !important;
  font-weight: bold;
}